<template>
  <div   :class="[ 'container', top_dark == '1'    ? 'dark' : '=']">
    <router-view></router-view>
    <div class="index">
      <Header />
      <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi eUKpaw hlnpWc ys-create-one ">
        <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-lfRxJW eUKpaw hlnpWc jyzFRQ">
          <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi ewNEEQ hlnpWc">
            <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi bGmXEd hlnpWc">
              <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi hqAiOT hlnpWc">
                <button type="button" class="sc-bdnxRM sc-gKAaRy sc-iCoGMd sc-cTJkRt jOsQKY kMthTr fOQaoY">
                  <svg viewBox="0 0 14 12" fill="none" width="16" height="16" xlmns="http://www.w3.org/2000/svg"
                       class="sc-bdnxRM sc-hKFxyN hOiKLt sc-efHYUO cFSLxQ">
                    <path fill-rule="evenodd" clip-rule="evenodd"
                          d="M6.29436 0.292893C6.68488 -0.0976311 7.31805 -0.0976311 7.70857 0.292893C8.0991 0.683417 8.0991 1.31658 7.70857 1.70711L4.41568 5H12.9985C13.5508 5 13.9985 5.44772 13.9985 6C13.9985 6.55228 13.5508 7 12.9985 7H4.41568L7.70857 10.2929C8.0991 10.6834 8.0991 11.3166 7.70857 11.7071C7.31805 12.0976 6.68488 12.0976 6.29436 11.7071L0.587252 6L6.29436 0.292893Z"
                          fill="currentColor"></path>
                  </svg>
                  <span class="sc-bdnxRM sc-hKFxyN sc-eCApnc kvViGK">Manage collectible type</span></button>
                <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi iEZsSN hlnpWc"><span
                        class="sc-bdnxRM sc-hKFxyN sc-eCApnc sc-fnebDD kvViGK bYpWTM">Create single collectible</span></div>
                <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi iFsNGi hlnpWc">
                  <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi bpmAXt hlnpWc">
                    <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi fIPEUP hlnpWc">
                      <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi dwBoLC hlnpWc">
                        <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi iaUIlT hlnpWc"><span
                                class="sc-bdnxRM sc-hKFxyN sc-eCApnc cOPuYl">Upload file</span></div>
                      </div>
                      <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi ccOAwW hlnpWc">
                        <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-ektJcd fIPEUP hlnpWc cxgzRD"><input hidden=""
                                                                                                         accept="image/png,image/jpeg,image/gif,image/webp,video/mp4,video/webm,audio/mp3,audio/webm,audio/mpeg"
                                                                                                         name="primary-attachment"
                                                                                                         type="file"
                                                                                                         data-marker="root/appPage/create/form/primaryAttachmentInput/input"
                                                                                                         class="sc-bdnxRM sc-fnVZcZ sc-jUfyBS llcJNA">
                          <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi bGVNYu hlnpWc">
                            <button
                                    class="sc-bdnxRM sc-gKAaRy sc-iCoGMd sc-giAqHp sc-bYwzuL jOsQKY kMthTr lcA-dFo jdNDQo sc-kQfVtO eXOGEf"
                                    type="button">
                              <svg viewBox="0 0 16 16" fill="none" width="16" height="16"
                                   xlmns="http://www.w3.org/2000/svg" class="sc-bdnxRM sc-hKFxyN jZIhBR">
                                <path d="M4 12L12 4" stroke="currentColor" stroke-width="2"></path>
                                <path d="M12 12L4 4" stroke="currentColor" stroke-width="2"></path>
                              </svg>
                            </button>
                          </div>
                          <div data-marker="root/appPage/create/form/primaryAttachmentInput/attachment"
                               class="sc-bdnxRM sc-gtsrHT sc-dlnjwi bkvegn hlnpWc">
                            <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi gpSzjH hlnpWc"><img
                                    src="static/img/upload_pic.jpg"
                                    class="sc-bdnxRM sc-jNnpgg sc-dPaNzc joHyKy fqbJCS sc-TtZnY gnBPmJ" loading="lazy"
                                    style="opacity: 1; position: relative;">
                              <div class="sc-bdnxRM sc-gtsrHT sc-dvXYtj kRuSvk iduHXF" style="display: none;">
                                <div class="sc-bdnxRM sc-gtsrHT sc-jSFjdj kRuSvk ckDVru"
                                     style="width: 32px; height: 32px; border-radius: 32px; border-width: 3px;"></div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi gvwRSx hlnpWc">
                      <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi cIKJZC hlnpWc">
                        <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi bpmAXt hlnpWc"><span
                                class="sc-bdnxRM sc-hKFxyN sc-eCApnc bURvvR"><span
                                class="sc-bdnxRM sc-hKFxyN sc-eCApnc kvViGK">Put on marketplace</span></span><span
                                class="sc-bdnxRM sc-hKFxyN sc-eCApnc dNiPBR">Enter price to allow users instantly purchase your NFT</span>
                        </div>
                        <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi hYAlqE hlnpWc">
                          <button type="button" data-marker="root/appPage/create/form/putOnSaleCheckbox"
                                  class="sc-bdnxRM sc-gKAaRy sc-iCoGMd sc-kfYoZR jOsQKY kMthTr dfWTYq"><input hidden=""
                                                                                                              name="instant-sale-checkbox"
                                                                                                              type="checkbox"
                                                                                                              aria-checked="true"
                                                                                                              class="sc-bdnxRM sc-fnVZcZ sc-fFSPTT llcJNA"
                                                                                                              checked="">
                            <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi jtIZqj hlnpWc">
                              <div value="true" class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-bkbkJK fIPEUP hlnpWc bYSTgt">
                                <div value="true"
                                     class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-iemWCZ fIPEUP hlnpWc AgEDI"></div>
                              </div>
                            </div>
                          </button>
                        </div>
                      </div>
                    </div>
                    <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi iEZsSN hlnpWc">
                      <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi fIPEUP hlnpWc">
                        <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-lfesFf fIPEUP hlnpWc ftfPZg">
                          <button type="button" data-marker="root/appPage/create/form/saleSelector/fixed/card"
                                  class="sc-bdnxRM sc-gKAaRy sc-iCoGMd sc-hLyimJ sc-hDrgck jOsQKY kMthTr nVZus hIzKoN">
                            <img alt="Fixed price" src="static/img/25d23f2b0f1b54429ce9.svg" loading="lazy"
                                 class="sc-bdnxRM sc-jNnpgg sc-dPaNzc BkNqh fqbJCS">
                            <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi kLYiIk hlnpWc"><span
                                    class="sc-bdnxRM sc-hKFxyN sc-eCApnc sc-lcmwCJ ftnDnF itplAA">Fixed price</span></div>
                          </button>
                          <button type="button" data-marker="root/appPage/create/form/saleSelector/timed-auction/card"
                                  class="sc-bdnxRM sc-gKAaRy sc-iCoGMd sc-hLyimJ sc-hDrgck jOsQKY kMthTr bfTFYV hIzKoN">
                            <img alt="Timed auction" src="static/img/b5ed2cab37b61a7c7d7f.svg" loading="lazy"
                                 class="sc-bdnxRM sc-jNnpgg sc-dPaNzc BkNqh fqbJCS">
                            <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi kLYiIk hlnpWc"><span
                                    class="sc-bdnxRM sc-hKFxyN sc-eCApnc sc-lcmwCJ ftnDnF itplAA">Timed auction</span></div>
                          </button>
                          <button type="button"
                                  data-marker="root/appPage/create/form/saleSelector/unlimited-auction/card"
                                  class="sc-bdnxRM sc-gKAaRy sc-iCoGMd sc-hLyimJ sc-hDrgck jOsQKY kMthTr bfTFYV hIzKoN">
                            <img alt="Open for bids" src="static/img/cec4bdb514ea63a26280.svg" loading="lazy"
                                 class="sc-bdnxRM sc-jNnpgg sc-dPaNzc BkNqh fqbJCS">
                            <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi kLYiIk hlnpWc"><span
                                    class="sc-bdnxRM sc-hKFxyN sc-eCApnc sc-lcmwCJ ftnDnF itplAA">Open for bids</span></div>
                          </button>
                        </div>
                      </div>
                    </div>
                    <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi gvwRSx hlnpWc">
                      <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi fIPEUP hlnpWc">
                        <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi dwBoLC hlnpWc">
                          <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi iaUIlT hlnpWc"><span
                                  class="sc-bdnxRM sc-hKFxyN sc-eCApnc cOPuYl">Price</span></div>
                        </div>
                        <div tabindex="-1" class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-fuISkM fXpSLT hlnpWc gxouOx">
                          <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi klCgON hlnpWc"><input
                                  placeholder="Enter price for one piece" inputmode="decimal" step="0.00000001" type="number"
                                  data-marker="root/appPage/create/form/price/input/priceInput"
                                  class="sc-bdnxRM sc-fnVZcZ sc-lbVvki jaediC YYmFn" value="1"></div>
                          <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi KAQCO hlnpWc">
                            <div data-marker="root/appPage/create/form/price/input/currencySelect"
                                 class="sc-bdnxRM sc-gtsrHT sc-dlnjwi fIPEUP hlnpWc">
                              <div class="sc-bdnxRM sc-gtsrHT sc-eJocfa kRuSvk jARayQ" aria-expanded="false"><span
                                      class="sc-bdnxRM sc-hKFxyN sc-eCApnc iAEatC"><button
                                      data-currency-address="0x0000000000000000000000000000000000000000" type="button"
                                      data-marker="root/appPage/create/form/price/input/currencySelect/openButton"
                                      class="sc-bdnxRM sc-gKAaRy sc-iCoGMd sc-hfVBHA jOsQKY kMthTr bzmvCG"><span
                                      class="sc-bdnxRM sc-hKFxyN sc-eCApnc bIdxCp"><span
                                      class="sc-bdnxRM sc-hKFxyN sc-eCApnc kvViGK">ETH</span><span
                                      class="sc-bdnxRM sc-hKFxyN sc-eCApnc exGdmH"><svg viewBox="0 0 16 16" fill="none"
                                                                                        width="16" height="16"
                                                                                        xlmns="http://www.w3.org/2000/svg"
                                                                                        class="sc-bdnxRM sc-hKFxyN euSDtR"><path
                                      fill-rule="evenodd" clip-rule="evenodd"
                                      d="M8 11.4143L12.7071 6.7072C13.0976 6.31668 13.0976 5.68351 12.7071 5.29299C12.3166 4.90246 11.6834 4.90246 11.2929 5.29299L8 8.58588L4.70711 5.29299C4.31658 4.90246 3.68342 4.90246 3.29289 5.29299C2.90237 5.68351 2.90237 6.31668 3.29289 6.7072L8 11.4143Z"
                                      fill="currentColor"></path></svg></span></span></button></span></div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <span data-marker="root/appPage/create/form/price/info"
                            class="sc-bdnxRM sc-hKFxyN sc-eCApnc laITTf"><span
                              class="sc-bdnxRM sc-hKFxyN sc-eCApnc btCxQB"><span class="sc-bdnxRM sc-hKFxyN sc-eCApnc iAEatC">Service fee <span
                              data-value="250" class="sc-bdnxRM sc-hKFxyN sc-eCApnc gEJdXd">2.5%</span></span><br><span
                              class="sc-bdnxRM sc-hKFxyN sc-eCApnc iAEatC">You will receive <span
                              class="sc-bdnxRM sc-hKFxyN sc-eCApnc gEJdXd"><span title="0.975 ETH" data-currency-symbol="ETH"
                                                                                 data-currency-address="0x0000000000000000000000000000000000000000"
                                                                                 data-price="0.975"
                                                                                 class="sc-bdnxRM sc-hKFxyN sc-eCApnc iAEatC">0.975 ETH</span><span
                              class="sc-bdnxRM sc-hKFxyN sc-eCApnc koPmqS"><span data-value="4271.869842017175"
                                                                                 class="sc-bdnxRM sc-hKFxyN sc-eCApnc iAEatC">$4,272</span></span></span></span></span></span>
                    </div>
                    <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi gvwRSx hlnpWc">
                      <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi cIKJZC hlnpWc">
                        <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi bpmAXt hlnpWc"><span
                                class="sc-bdnxRM sc-hKFxyN sc-eCApnc bURvvR"><span
                                class="sc-bdnxRM sc-hKFxyN sc-eCApnc bnynbf">Unlock once purchased</span></span><span
                                class="sc-bdnxRM sc-hKFxyN sc-eCApnc dNiPBR">Content will be unlocked after successful transaction</span>
                        </div>
                        <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi hYAlqE hlnpWc">
                          <button type="button" data-marker="root/appPage/create/form/unlockableCheckbox"
                                  class="sc-bdnxRM sc-gKAaRy sc-iCoGMd sc-kfYoZR jOsQKY kMthTr dfWTYq"><input hidden=""
                                                                                                              name="lockable-checkbox"
                                                                                                              type="checkbox"
                                                                                                              aria-checked="true"
                                                                                                              class="sc-bdnxRM sc-fnVZcZ sc-fFSPTT llcJNA">
                            <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi jtIZqj hlnpWc">
                              <div value="true" class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-bkbkJK fIPEUP hlnpWc bYSTgt">
                                <div value="true"
                                     class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-iemWCZ fIPEUP hlnpWc AgEDI"></div>
                              </div>
                            </div>
                          </button>
                        </div>
                      </div>
                    </div>
                    <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi iEZsSN hlnpWc">
                      <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi fIPEUP hlnpWc">
                        <div data-marker="root/appPage/create/form/unlockableInput"
                             class="sc-bdnxRM sc-gtsrHT sc-dlnjwi fIPEUP hlnpWc">
                          <div tabindex="-1" class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-fuISkM fXpSLT hlnpWc eanEwv">
                            <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi klCgON hlnpWc">
                              <div class="react-codemirror2">
                                <div class="CodeMirror cm-s-rarible CodeMirror-wrap">
                                  <div
                                          style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 98.6406px;">
                                    <textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0"
                                              style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea>
                                  </div>
                                  <div class="CodeMirror-vscrollbar" tabindex="-1" cm-not-content="true">
                                    <div style="min-width: 1px; height: 0px;"></div>
                                  </div>
                                  <div class="CodeMirror-hscrollbar" tabindex="-1" cm-not-content="true">
                                    <div style="height: 100%; min-height: 1px; width: 0px;"></div>
                                  </div>
                                  <div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div>
                                  <div class="CodeMirror-gutter-filler" cm-not-content="true"></div>
                                  <div class="CodeMirror-scroll" tabindex="-1">
                                    <div class="CodeMirror-sizer"
                                         style="margin-left: 0px; margin-bottom: -17px; border-right-width: 33px; min-height: 30px; padding-right: 0px; padding-bottom: 0px;">
                                      <div style="position: relative; top: 0px;">
                                        <div class="CodeMirror-lines" role="presentation">
                                          <div role="presentation" style="position: relative; outline: none;">
                                            <div class="CodeMirror-measure"><span><span>​</span>x</span></div>
                                            <div class="CodeMirror-measure"></div>
                                            <div style="position: relative; z-index: 1;"></div>
                                            <div class="CodeMirror-cursors">
                                              <div class="CodeMirror-cursor"
                                                   style="left: 98.6406px; top: 0px; height: 22px;">&nbsp;
                                              </div>
                                            </div>
                                            <div class="CodeMirror-code" role="presentation">
                                              <pre class=" CodeMirror-line " role="presentation"><span
                                                      role="presentation"
                                                      style="padding-right: 0.1px;">feichang  hao</span></pre>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div
                                            style="position: absolute; height: 33px; width: 1px; border-bottom: 0px solid transparent; top: 30px;"></div>
                                    <div class="CodeMirror-gutters" style="display: none; height: 63px;"></div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <span class="sc-bdnxRM sc-hKFxyN sc-eCApnc djVHsd"><span
                                class="sc-bdnxRM sc-hKFxyN sc-eCApnc iAEatC">Markdown is supported</span></span></div>
                    </div>
                    <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi gvwRSx hlnpWc">
                      <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi fIPEUP hlnpWc">
                        <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi dwBoLC hlnpWc">
                          <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi iaUIlT hlnpWc"><span
                                  class="sc-bdnxRM sc-hKFxyN sc-eCApnc cOPuYl">Choose collection</span></div>
                        </div>
                        <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-bcuVfI fIPEUP hlnpWc bhZkeZ">
                          <button type="button"
                                  data-marker="root/appPage/create/form/collectionSelector/createCollectionButton"
                                  class="sc-bdnxRM sc-gKAaRy sc-iCoGMd sc-hLyimJ sc-eEihID jOsQKY kMthTr bfTFYV kDigEQ">
                            <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-eBqlGh fIPEUP hlnpWc cNRQml">
                              <svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" viewBox="0 0 50 50"
                                   fill="rgba(4, 4, 5, 1)">
                                <path
                                        d="M25,2C12.317,2,2,12.317,2,25s10.317,23,23,23s23-10.317,23-23S37.683,2,25,2z M37,26H26v11h-2V26H13v-2h11V13h2v11h11V26z"
                                        color="currentColor"></path>
                              </svg>
                            </div>
                            <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-bfmRie fIPEUP hlnpWc ceoHCz">
                              <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi gpSzjH hlnpWc"><span
                                      class="sc-bdnxRM sc-hKFxyN sc-eCApnc hafEoc">Create</span><span
                                      class="sc-bdnxRM sc-hKFxyN sc-eCApnc sc-khIimk krHiPU gNMCgZ">ERC-721</span></div>
                            </div>
                          </button>
                          <button type="button"
                                  data-marker="root/appPage/create/form/collectionSelector/collectionButton/Rarible"
                                  class="sc-bdnxRM sc-gKAaRy sc-iCoGMd sc-hLyimJ sc-eEihID jOsQKY kMthTr nVZus kDigEQ">
                            <div class="sc-bdnxRM sc-gtsrHT sc-dsXzNU kRuSvk iJAXPf" style="width: 40px; height: 40px;">
                              <img
                                      src="https://img.rarible.com/prod/image/upload/t_avatar_big/prod-collections/0xf6793da657495ffeff9ee6350824910abc21356c/avatar/Qmcy6LyYhHQoCpRneFQgidvWrThzojjJds29GbP7zPdNZx"
                                      class="sc-bdnxRM sc-jNnpgg sc-dPaNzc hqzvpz fqbJCS sc-TtZnY gnBPmJ" loading="lazy"
                                      style="width: 40px; height: 40px; opacity: 1; position: relative;">
                              <div class="sc-bdnxRM sc-gtsrHT sc-dvXYtj kRuSvk iduHXF" style="display: none;">
                                <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-jOFryr jwltjM hlnpWc jhldcT"
                                     style="width: 40px; height: 40px;"></div>
                              </div>
                            </div>
                            <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-bfmRie fIPEUP hlnpWc ceoHCz">
                              <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi gpSzjH hlnpWc"><span
                                      class="sc-bdnxRM sc-hKFxyN sc-eCApnc hafEoc">Rarible</span><span
                                      class="sc-bdnxRM sc-hKFxyN sc-eCApnc sc-khIimk krHiPU gNMCgZ">RARI</span></div>
                            </div>
                          </button>
                        </div>
                      </div>
                    </div>
                    <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi gvwRSx hlnpWc">
                      <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi cIKJZC hlnpWc">
                        <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi bpmAXt hlnpWc"><span
                                class="sc-bdnxRM sc-hKFxyN sc-eCApnc bURvvR"><span
                                class="sc-bdnxRM sc-hKFxyN sc-eCApnc dTJJxZ"><span
                                class="sc-bdnxRM sc-hKFxyN sc-eCApnc kAFpxS">Free minting</span><span
                                class="sc-bdnxRM sc-hKFxyN sc-eCApnc exGdmH"><button type="button"
                                                                                     class="sc-bdnxRM sc-gKAaRy sc-iCoGMd sc-ktvWjP leTnHx kMthTr ewogUO"><svg
                                viewBox="0 0 8 12" fill="none" width="16" height="16" xlmns="http://www.w3.org/2000/svg"
                                class="sc-bdnxRM sc-hKFxyN euSDtR"><path
                                d="M4.65936 7.67C4.65936 6.995 5.01936 6.605 5.54436 6.215L6.11436 5.795C7.01436 5.12 7.56936 4.295 7.56936 3.095C7.56936 1.595 6.35436 0.139999 3.92436 0.139999C1.73436 0.139999 0.429355 1.625 0.429355 3.38C0.429355 3.575 0.444355 3.8 0.489355 4.01L2.58936 4.085C2.57436 4.025 2.54436 3.875 2.54436 3.53C2.54436 2.825 3.05436 2.12 3.92436 2.12C4.82436 2.12 5.25936 2.69 5.25936 3.275C5.25936 3.665 5.12436 4.025 4.71936 4.325L3.95436 4.895C3.09936 5.54 2.81436 6.305 2.81436 7.01C2.81436 7.25 2.82936 7.46 2.87436 7.67H4.65936ZM2.52936 9.86C2.52936 10.565 3.09936 11.15 3.81936 11.15C4.53936 11.15 5.12436 10.565 5.12436 9.86C5.12436 9.14 4.53936 8.555 3.81936 8.555C3.09936 8.555 2.52936 9.14 2.52936 9.86Z"
                                fill="currentColor"></path></svg></button></span></span></span><span
                                class="sc-bdnxRM sc-hKFxyN sc-eCApnc dNiPBR">Buyer will pay gas fees for minting</span></div>
                        <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi hYAlqE hlnpWc">
                          <button type="button" data-marker="root/appPage/create/form/lazyCheckbox"
                                  class="sc-bdnxRM sc-gKAaRy sc-iCoGMd sc-kfYoZR jOsQKY kMthTr dfWTYq"><input hidden=""
                                                                                                              name="lazy-checkbox"
                                                                                                              type="checkbox"
                                                                                                              aria-checked="true"
                                                                                                              class="sc-bdnxRM sc-fnVZcZ sc-fFSPTT llcJNA"
                                                                                                              checked="">
                            <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi jtIZqj hlnpWc">
                              <div value="true" class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-bkbkJK fIPEUP hlnpWc bYSTgt">
                                <div value="true"
                                     class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-iemWCZ fIPEUP hlnpWc AgEDI"></div>
                              </div>
                            </div>
                          </button>
                        </div>
                      </div>
                    </div>
                    <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi gvwRSx hlnpWc">
                      <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi fIPEUP hlnpWc">
                        <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi dwBoLC hlnpWc">
                          <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi iaUIlT hlnpWc"><span
                                  class="sc-bdnxRM sc-hKFxyN sc-eCApnc cOPuYl">Title</span></div>
                        </div>
                        <div tabindex="-1" class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-fuISkM fXpSLT hlnpWc gxouOx">
                          <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi klCgON hlnpWc"><input
                                  placeholder="e. g. &quot;Redeemable T-Shirt with logo&quot;" type="text"
                                  data-marker="root/appPage/create/form/nameInput"
                                  class="sc-bdnxRM sc-fnVZcZ sc-lbVvki jaediC YYmFn" value="111111111111111111111"></div>
                        </div>
                      </div>
                    </div>
                    <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi gvwRSx hlnpWc">
                      <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi fIPEUP hlnpWc">
                        <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi dwBoLC hlnpWc">
                          <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi iaUIlT hlnpWc"><span
                                  class="sc-bdnxRM sc-hKFxyN sc-eCApnc cOPuYl">Description</span><span
                                  class="sc-bdnxRM sc-hKFxyN sc-eCApnc dQpMgt">(Optional)</span></div>
                        </div>
                        <div tabindex="-1" class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-fuISkM fXpSLT hlnpWc eanEwv">
                          <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi klCgON hlnpWc"><textarea
                                  placeholder="e. g. &quot;After purchasing you’ll be able to get the real T-Shirt&quot;"
                                  data-marker="root/appPage/create/form/descriptionInput"
                                  class="sc-bdnxRM sc-dFRpbK sc-bsatvv bsGkxZ fokrKr" style="height: 18px !important;">222222222222222222222222222</textarea>
                          </div>
                        </div>
                        <span class="sc-bdnxRM sc-hKFxyN sc-eCApnc djVHsd">With preserved line-breaks</span></div>
                    </div>
                    <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi gvwRSx hlnpWc">
                      <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi fIPEUP hlnpWc">
                        <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi dwBoLC hlnpWc">
                          <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi iaUIlT hlnpWc"><span
                                  class="sc-bdnxRM sc-hKFxyN sc-eCApnc cOPuYl">Royalties</span></div>
                        </div>
                        <div tabindex="-1" class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-fuISkM fXpSLT hlnpWc gxouOx">
                          <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi klCgON hlnpWc"><input inputmode="decimal"
                                                                                          step="0.00000001"
                                                                                          type="number"
                                                                                          placeholder="E. g. 10%&quot;"
                                                                                          data-marker="root/appPage/create/form/royaltiesInput"
                                                                                          class="sc-bdnxRM sc-fnVZcZ sc-lbVvki jaediC YYmFn"
                                                                                          value="10"></div>
                          <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi KAQCO hlnpWc"><span
                                  class="sc-bdnxRM sc-hKFxyN sc-eCApnc erNOLb">%</span></div>
                        </div>
                        <span
                                class="sc-bdnxRM sc-hKFxyN sc-eCApnc djVHsd">Suggested: 0%, 10%, 20%, 30%. Maximum is 50%</span>
                      </div>
                    </div>
                    <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi bpBYPc hlnpWc">
                      <button type="button"
                              class="sc-bdnxRM sc-gKAaRy sc-iCoGMd sc-fujyAs sc-pNWdM jOsQKY kMthTr bZRgEU gmYFDX">Show
                        advanced settings
                      </button>
                    </div>
                    <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi dylTdz hlnpWc">
                      <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi fIPEUP hlnpWc">
                        <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-kdZIYp fIPEUP hlnpWc capUXh">
                          <button
                                  class="sc-bdnxRM sc-gKAaRy sc-iCoGMd sc-fujyAs sc-kEqXSa jOsQKY kMthTr bZRgEU cvygfi sc-eByPHW llEieV"
                                  type="button" data-marker="root/appPage/create/form/createButton">Create item
                          </button>
                          <span class="sc-bdnxRM sc-hKFxyN sc-eCApnc gfaMYT"><span
                                  class="sc-bdnxRM sc-hKFxyN sc-eCApnc iAEatC">Saved <span title="2021/10/29 上午10:34:17">just now</span> <span
                                  class="sc-bdnxRM sc-hKFxyN sc-eCApnc exGdmH"><button type="button"
                                                                                       class="sc-bdnxRM sc-gKAaRy sc-iCoGMd sc-ktvWjP leTnHx kMthTr ewogUO"><svg
                                  viewBox="0 0 8 12" fill="none" width="16" height="16" xlmns="http://www.w3.org/2000/svg"
                                  class="sc-bdnxRM sc-hKFxyN euSDtR"><path
                                  d="M4.65936 7.67C4.65936 6.995 5.01936 6.605 5.54436 6.215L6.11436 5.795C7.01436 5.12 7.56936 4.295 7.56936 3.095C7.56936 1.595 6.35436 0.139999 3.92436 0.139999C1.73436 0.139999 0.429355 1.625 0.429355 3.38C0.429355 3.575 0.444355 3.8 0.489355 4.01L2.58936 4.085C2.57436 4.025 2.54436 3.875 2.54436 3.53C2.54436 2.825 3.05436 2.12 3.92436 2.12C4.82436 2.12 5.25936 2.69 5.25936 3.275C5.25936 3.665 5.12436 4.025 4.71936 4.325L3.95436 4.895C3.09936 5.54 2.81436 6.305 2.81436 7.01C2.81436 7.25 2.82936 7.46 2.87436 7.67H4.65936ZM2.52936 9.86C2.52936 10.565 3.09936 11.15 3.81936 11.15C4.53936 11.15 5.12436 10.565 5.12436 9.86C5.12436 9.14 4.53936 8.555 3.81936 8.555C3.09936 8.555 2.52936 9.14 2.52936 9.86Z"
                                  fill="currentColor"></path></svg></button></span></span></span></div>
                      </div>
                    </div>
                  </div>
                  <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi hKoGUP hlnpWc">
                    <div class="sc-bdnxRM sc-gtsrHT kRuSvk"><span
                            class="sc-bdnxRM sc-hKFxyN sc-eCApnc eziRmq">Preview</span>
                      <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi ccOAwW hlnpWc">
                        <div data-media-type="IMAGE" data-collection-id="0xf6793da657495ffeff9ee6350824910abc21356c"
                             data-token-id="preview"
                             class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-kmIPcE fIPEUP hlnpWc htFMXJ sc-bnFVBq krHaRf"
                             data-marker="root/appPage/create/form/previewCard">
                          <div class="sc-dkuGKe iwKkPp"></div>
                          <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-cwiweh fIPEUP hlnpWc hfdEax">
                            <div class="sc-bdnxRM sc-gtsrHT sc-gLMgcV kRuSvk EJLaQ">
                              <div class="sc-bdnxRM sc-gtsrHT sc-enrZtP kRuSvk ihJIQH"><a
                                      href="/collection/0xf6793da657495ffeff9ee6350824910abc21356c"
                                      class="sc-bdnxRM sc-fKgJPI sc-bCwfaz sc-iwajpm kRuSvk bzLuzV gtWlEp sc-bwcZwS jvezWt">
                                <div class="sc-bdnxRM sc-gtsrHT sc-dsXzNU kRuSvk iJAXPf"
                                     style="width: 30px; height: 30px;"><img
                                        src="https://img.rarible.com/prod/image/upload/t_avatar_preview/prod-collections/0xf6793da657495ffeff9ee6350824910abc21356c/avatar/Qmcy6LyYhHQoCpRneFQgidvWrThzojjJds29GbP7zPdNZx"
                                        class="sc-bdnxRM sc-jNnpgg sc-dPaNzc kvumKc fqbJCS sc-TtZnY gnBPmJ" loading="lazy"
                                        style="width: 30px; height: 30px; opacity: 1; position: relative;">
                                  <div class="sc-bdnxRM sc-gtsrHT sc-dvXYtj kRuSvk iduHXF" style="display: none;">
                                    <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-jOFryr fSKoRX hlnpWc jhldcT"
                                         style="width: 30px; height: 30px;"></div>
                                  </div>
                                </div>
                              </a><a href="/user/0x5a5ec49b7549505a4acdb731caee255b0c4b2283"
                                     class="sc-bdnxRM sc-fKgJPI sc-bCwfaz sc-iwajpm kRuSvk bzLuzV gtWlEp sc-bwcZwS jvezWt">
                                <div class="sc-bdnxRM sc-gtsrHT sc-dsXzNU kRuSvk iJAXPf"
                                     style="width: 30px; height: 30px;">
                                  <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-amiJK fIPEUP hlnpWc bvMJFo">
                                    <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-hOPeYd fIPEUP hlnpWc eXirsP"
                                         style="width: 30px; height: 30px;"><img alt="Identicon"
                                                                                 src=""
                                                                                 loading="lazy"
                                                                                 class="sc-bdnxRM sc-jNnpgg jljqlB">
                                    </div>
                                  </div>
                                </div>
                              </a><a href="/user/0x5a5ec49b7549505a4acdb731caee255b0c4b2283"
                                     class="sc-bdnxRM sc-fKgJPI sc-bCwfaz sc-iwajpm kRuSvk bzLuzV gtWlEp sc-bwcZwS jvezWt">
                                <div class="sc-bdnxRM sc-gtsrHT sc-dsXzNU kRuSvk iJAXPf"
                                     style="width: 30px; height: 30px;">
                                  <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-amiJK fIPEUP hlnpWc bvMJFo">
                                    <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-hOPeYd fIPEUP hlnpWc eXirsP"
                                         style="width: 30px; height: 30px;"><img alt="Identicon"
                                                                                 src=""
                                                                                 loading="lazy"
                                                                                 class="sc-bdnxRM sc-jNnpgg jljqlB">
                                    </div>
                                  </div>
                                </div>
                              </a></div>
                            </div>
                            <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi igmrKQ hlnpWc">
                              <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-gpEJdM fIPEUP hlnpWc hIfbhd">
                                <div class="sc-bdnxRM sc-gtsrHT sc-jogDgT sc-bXmHAB cPrYWP hBPNLh bMdeOs">
                                  <div class="sc-bdnxRM sc-gtsrHT sc-btlduw kRuSvk kMTXgk"><a href="#"
                                                                                              class="sc-bdnxRM sc-fKgJPI sc-bCwfaz sc-iwajpm kRuSvk bzLuzV gtWlEp sc-ekA-drt dUxFWE"
                                                                                              data-marker="root/appPage/create/form/previewCard/link"><img
                                          src="static/img/upload_pic.jpg"
                                          alt="111111111111111111111" title="111111111111111111111"
                                          class="sc-bdnxRM sc-jNnpgg sc-dPaNzc joHyKy fqbJCS sc-TtZnY gnBPmJ" loading="lazy"
                                          style="opacity: 1; position: relative;"></a></div>
                                </div>
                                <div class="sc-bdnxRM sc-gtsrHT sc-jogDgT sc-kkmGkm kRuSvk hBPNLh CGXRw"><a href="#"
                                                                                                            class="sc-bdnxRM sc-fKgJPI sc-bCwfaz sc-iwajpm iWKXLy bzLuzV gMUtKK sc-cxxZvF dmcxKh">111111111111111111111</a>
                                </div>
                                <div class="sc-bdnxRM sc-gtsrHT sc-hHSjgo kRuSvk gEfhZZ"><span
                                        data-marker="root/appPage/create/form/previewCard/priceInfo"
                                        class="sc-bdnxRM sc-hKFxyN sc-eCApnc eoFEFh"><span
                                        class="sc-bdnxRM sc-hKFxyN sc-eCApnc ljCPJp"><span
                                        class="sc-bdnxRM sc-hKFxyN sc-eCApnc RWHKB"><span title="1 ETH"
                                                                                          data-currency-symbol="ETH"
                                                                                          data-currency-address="0x0000000000000000000000000000000000000000"
                                                                                          data-price="1"
                                                                                          class="sc-bdnxRM sc-hKFxyN sc-eCApnc iAEatC">1 ETH</span></span> <span
                                        class="sc-bdnxRM sc-hKFxyN sc-eCApnc sc-cSiAOC iAEatC exbPXw"><span data-supply="1"
                                                                                                            data-stock="1"
                                                                                                            class="sc-bdnxRM sc-hKFxyN sc-eCApnc ETmFj">1/1</span></span></span><span
                                        class="sc-bdnxRM sc-hKFxyN sc-eCApnc sc-fJxALz kyHBfZ hTlBIv"><button id="place-a-bid"
                                                                                                              type="button"
                                                                                                              class="sc-bdnxRM sc-gKAaRy sc-iCoGMd jOsQKY kMthTr"><span
                                        class="sc-bdnxRM sc-hKFxyN sc-eCApnc kAFpxS">Place a bid</span></button></span></span>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi iEZsSN hlnpWc">
                        <div data-marker="root/appPage/create/form/unlockablePreview"
                             class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-kmIPcE fIPEUP hlnpWc htFMXJ">
                          <div class="sc-dkuGKe iwKkPp"></div>
                          <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-cwiweh fIPEUP hlnpWc dxjljD"><span
                                  class="sc-bdnxRM sc-hKFxyN sc-eCApnc eILjog"><div data-marker="unlock-modal/content"
                                                                                    class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-cvdZrU fIPEUP hlnpWc eYrywk"><p
                                  class="sc-bdnxRM sc-hKFxyN sc-eCApnc sc-EhTUr iAEatC ixnnOa">feichang  hao</p>
</div></span></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <Copyright />
  </div>
</template>

<script>
  import Header from '../components/header.vue';
  import Copyright from '../components/bottom.vue';
  export default {
     data() {
            return {
                top_dark :  localStorage.getItem('top_dark'),
            };
       },
    created() {
    },
    methods: {
    createMain() {
      this.$router.push('/create');
    },
    userPreferences() {
      this.$router.push('/space');
    },
      feedback(){
        this.$router.push("/feedback")
      }
    },
    components:{Header,Copyright}
  };
</script>

<style lang="scss" scoped>
</style>
